@charset "utf-8";

*{margin: 0; padding: 0;}
a{color: #000; text-decoration: none;}
/*a:link{color: #000;}
a:visited{color: #000;}*/
body{ width: 950px; margin: 0 auto; background-image: url(../img/footside.jpg);}
#head{width: 950px; height: 240px; border: 1px solid #D2D2D2; background-image: url(../img/yuanshan.jpg); position: relative; }
#head .welcome{ margin: 10px 0 0 20px; color: #888; width: 160px; float: left;}
#head .welcome img{/*background-image: url(../img/img_4.jpg);*/ border-radius: 50%; transition: all 1s; border: 2px solid #FFF; opacity: 0.3;}
#head .welcome img:hover{/*background-image: url(../img/img_4.jpg);*/ border-radius: 3px; opacity: 1;}
#head .logo{ float: left; font: bold 40px/170px "楷体";}

#nav{width: 950px ;list-style: none; overflow: hidden; font: 20px/35px '黑体'; height: 35px; background-color: #D2D2D2; opacity: 0.5; position: absolute; bottom: 0px;
transition-property: opacity,color; transition-duration: 1s; color: #FFF;
}
#nav li{ float: left; /*margin-left: 30px;*/ padding: 0 10px; }
#nav:hover{ opacity: 1; color: #333;}
#nav li:hover{background-color: #fff;}

#body{
	width: 950px; /*height: 500px;*/ border: 1px solid #D2D2D2; overflow: hidden;
}
#body>.left{
	width: 630px; /*height: 500px;*/float: left;
}

#body>.left>.blogs{
	border: 1px solid #d5d5d5;/*background-color: #ddd;*/  padding: 20px 20px 40px 20px; margin-top: 5px; min-height: 120px; position: relative;
	transition: all 1s;
}
#body>.left>.blogs:hover{background-color: #ddd; box-shadow:3px 3px 2px #D2D2D2; color: #000;}

#body .blogs h3{ margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#body .blogs .bk_content{color: #666; font: 14px '宋体'; text-indent: 2em; word-wrap: break-word;}
#body .blogs .bk_content>img{float: left; width: 80px; height: 80px; border: 5px double #fff; border-radius: 5px; margin: 0 5px 5px 0;}
#body .blogs .bk_info{
	background: #eee url(../img/time.jpg) no-repeat left; padding: 5px 0 5px 17px; margin-top:5px; position: absolute;bottom: 3px;
	width: 570px; color: #838383;font: 14px '宋体';
}

#body>.b-right{
	width: 300px; /*height: 500px;*/ float: right;;
}

#body>.b-right>div{
	margin-top: 5px; background-color: #ddd;
}
#body>.b-right{}
#body>.b-right{}

#bottom{
	
	height: 80px; text-align: center;border-top: 5px double #aaa;
	font: 16px/70px '宋体';transition: all 1s;margin-top: 5px;
}
#bottom:hover{
	background-color: #D2D2D2;
}

.right{ text-align: right;}
#reg table{margin: 20px 0 20px 50px;}
#reg input[type=text],#reg input[type=password]{ 
	border-radius: 8px; border: 1px solid #999; height: 30px;padding-left: 5px;
	background: initial;width: 200px;font-size: 18px;
	}
#reg input[type=submit],#reg input[type=reset],#reg input[type=button],#reg select{
	height: 30px;border-radius: 8px;border: 1px solid #999; width: 80px;
	font-size: 18px '黑体';
}
#reg select,#face_select_img{ vertical-align: top;}
#reg select{width: 120px; background-color: initial;}
#face_select_img{border: 3px double #fff; border-radius: 5px;}

#reg input[type=submit]{ float: right;}
#reg textarea{background: initial; padding: 5px;}
#reg #write{ float: left;}

/*分页样式*/
#showpage{
	margin: 10px 0;
	list-style: none;
	text-align: center;/*它中间的行或行内块级标签就会居中*/
}
#showpage li{
	display: inline-block;/*行内块*/
	border: 1px solid #D2D2D2;
	/*min-width: 22px;*/
	padding: 0 7px;
	margin:0 2px ;
}
#showpage li:hover{
	background-color: #FFF;
}
#showpage .curr{
	background-color: #FFF;
}
